<template>
    <div>

        <h1>test</h1>
        <div id="demo">
  <button v-on:click="show = !show">
    Toggle
  </button>
  <transition name="faded">
    <p v-if="show">hello</p>
  </transition>
</div>

    　
    </div>
</template>
<script>
 import { Toast } from 'mint-ui'

    export default{
        data(){
            return {
                show:true
            }
        },
        methods:{
        // Toast({
        // message: 'Upload Complete',
        // position: 'bottom',
        // duration: 5000
        // });
        },
        created(){
            Toast({
  message: '发布成功',
  position: 'middle',
  duration: 5000
});
        }
    }
</script>
<style>
    .faded-enter-active, .faded-leave-active {
        transition: opacity 1s;
 }
   .faded-enter, .faded-leave-to /* .fade-leave-active below version 2.1.8 */ {
         opacity: 0;
}
</style>
